<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    </head>
    
    h1~h6
-->

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>6级标题</h6>
<!-- 
    p--段落标签
 -->
 <p>hello world</p>
 <!-- 
     img  图片标签
     特殊：单标签
     src--标签的属性 
     功能:指定图片所在的位置
     alt--当图片加载不出来,用来描述图片的
  -->
  <img src="images/timg.jpg" alt="机器猫"> <br>
  <input type="text"><button>百度一下</button>
  <!-- end
   可以快速的切换到标签的末尾
   shift+alt+↓ -- 快速复制
-->
<!-- 
    ul 无序列表
    li 列表项
 -->
  <ul>
      <li>小米手机</li>
      <li>华为手机</li>
      <li>苹果手机</li>
      <li>苹果手机</li>
      
  </ul>
  <!-- 
      a 链接标签
      href--指定你所要访问的网址
   -->
  <a href="https://www.jianshu.com/">简书</a>
  <div>div</div>
  <!-- 
      dl -- 定义列表
      dt -- 定义的术语
      dd -- 定义的描述
   -->
  <dl>
      <dt>HTML</dt>
      <dd>负责网页的结构</dd>
  </dl>
<!-- ctrl+w -->
<script>
</script>
</body>
<!-- 结束标签 -->
</html>